$(document).ready(function () {
  again(); //点击再抽一次
  load();//加載圖片
  begin();//開始按鈕
});
//綁定事件  
$(document).on("click", ".img-content>img", function () {
  $(this).attr("src", "../img/BannedStory_image.png");
  $(".content-draw").text("");  
  $(".modal ").removeClass("hidden");
   $(".dialog-content>p").addClass("hidden");
   $(".dialog-content>h3").addClass("hidden");
  setTimeout(function () {
    roundShow();//隨機顯示獎品名稱  
    $(".start").addClass("hidden");
    $(".dialog-content>p").removeClass("hidden");
   $(".dialog-content>h3").removeClass("hidden");
  }, 3000);
});

function roundShow () {
  $.ajax({
    "url": "../controllers/show.php",
    "method": "post",
    "data": {type: "roundShow"},
    "success": function (response) {
      //成功請求資源時
      var loadArry = JSON.parse(response);
      if (String(loadArry[0]) !== "error") {
        $(".href-index").addClass("hidden");
        $(".again").removeClass("hidden");
        for (var i = 0; i < loadArry.length; i++) {
          $(".content-draw").text(loadArry[i][1]);
        }
      } else {
        $(".dialog-content>h3").text("沒有獎品了");
        $(".again").addClass("hidden");
        $(".href-index").removeClass("hidden");
      }
    }
  });
}
function again () {
  $(".again").click(function () {
    $(".modal").addClass("hidden");
    load();//加載圖片
  });
}

function load () {
  //訊黃移除獎品
  $(".img-content").each(function () {
    $(this).remove();
  });
  var arryimg = ['<div class="img-content"><img src="../img/BannedStory_image2.png"/></div>', '<div class="img-content"></div>'];
  for (var i = 0; i < 10; i++) {
    var round = Math.round(Math.random());
    $(".content").append(arryimg[round]);
  }
}
function begin () {
  $(".modal-begin").click(function () {
    $(".modal-begin").addClass("hidden");
     $(".start").removeClass("hidden");
  });
}
